<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" href="__INDEX__/css/login.css"/>
    <link rel="stylesheet" href="__STATIC__/common/jqueryWeui/weui.min.css">
    <link rel="stylesheet" href="__STATIC__/common/jqueryWeui/jquery-weui.min.css">
</head>
<body style="background: #f2f2f2">
    <div class="login-bg">
        <div class="login-box">
            <div class="login-left">
                <div class="login-menu">
                    <div class="login-btn-menu menu-active">登录</div>
                    <div class="reg-btn-menu">注册</div>
                </div>
            </div>
            <div class="login-right">
                <div class="login-div">
                    <h1>用户登录</h1>
                    <div class="login-form">
                        <div class="input-box">
                            <input type="text" name="user_email" class="login-input" placeholder="登录邮箱" autocomplete="off"/>
                        </div>
                        <div class="input-box">
                            <input type="password" name="user_pwd" class="login-input" placeholder="登录密码"/>
                        </div>
                        <div class="input-box">
                            <input type="password" name="user_pwd" class="login-input captcha-input" placeholder="验证码"/>
                            <div class="captcha">
                                <img src="{:captcha_src()}" alt="captcha" height="40px" width="130px" onclick="changeCaptcha(this)" id="login-captcha"/>
                            </div>
                        </div>
                        <div class="form-menu">
                            <a href="#" class="forgot">忘记密码</a>
                        </div>
                        <div class="login-btn">登录</div>
                    </div>
                </div>
                <div class="reg-div">
                    <h1>用户注册</h1>
                    <div class="reg-form">
                        <div class="input-box">
                            <input type="text" name="user_email" class="login-input" placeholder="登录邮箱" autocomplete="off" id="reg-user-email"/>
                        </div>
                        <div class="input-box">
                            <input type="text" name="user_name" class="login-input" placeholder="昵称" autocomplete="off" id="reg-user-name"/>
                        </div>
                        <div class="input-box">
                            <input type="password" name="user_pwd" class="login-input" placeholder="登录密码 字母数字特殊符号6-12位" id="reg-user-pwd"/>
                        </div>
                        <div class="input-box">
                            <input type="text" name="captcha" class="login-input captcha-input" placeholder="验证码" id="reg-user-captcha"/>
                            <div class="captcha">
                                <img src="{:captcha_src()}" alt="captcha" height="40px" width="130px" onclick="changeCaptcha(this)" id="reg-captcha"/>
                            </div>
                        </div>
                        <div class="reg-btn">注册</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="__COMMON__/jquery.min.js"></script>
    <script src="__STATIC__/common/jqueryWeui/jquery-weui.min.js"></script>
    <script src="__INDEX__/js/login.js"></script>
</body>
</html>